function initHeaderUI(){
    var topHeight=api.safeArea.top;

    $("#btnBack").css({'top':topHeight,
        'z-index':10,
        'position':'fixed',
        'left':0});
  //  $("#BarAppearance").css({}'height', topHeight);

    $("#BarAppearance").css({
        'height':topHeight,
        'width':'100%',
        'background':'#36353a'
    });

    $("#navigationBar").css({
        'position':'fixed',
        'height':topHeight+30,
        'padding-top':topHeight,
        'z-index':10
    });
}